<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%--
  Created by IntelliJ IDEA.
  User: zhang_yao_wu1993
  Date: 15/4/21
  Time: 下午10:33
--%>
<!DOCTYPE html>
<html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
    <title>ZeRur</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="/Other/Lib/jquery-2.1.3.js"></script>
    <script type="text/javascript" src="/Other/Lib/SemanticUI/dist/semantic.min.js"></script>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/button.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/segment.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/label.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/grid.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/menu.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/dropdown.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/transition.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/divider.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/icon.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/list.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/image.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/header.min.css"/>
    <link rel="stylesheet" href="/Other/Lib/SemanticUI/dist/components/form.min.css"/>
    <link rel="stylesheet" href="/Other/StyleSheet/blog_IndividualCenter.css"/>
</head>
<body style="background: RGBA(236, 236, 236, 1)">
<!-- header -->
<div id="header">
    <sec:authorize access="hasAnyRole('ROLE_ADMIN','ROLE_USER')">
        <div class="ui divided horizontal list">
            <div class="item"><a href="/">欢迎页</a></div>
            <div class="item"><a href="/MainPage">主页</a></div>
            <div class="item"><a href="/MessagePage">留言</a></div>
            <div class="item"><a href="javascript:void(0)" style="color: white;">个人中心</a></div>
            <sec:authorize access="hasRole('ROLE_ADMIN')">
                <div class="item"><a href="/ManagePage">管理</a></div>
            </sec:authorize>
            <div class="item"><a onclick="logout()">登出</a></div>
            <form action="/j_logout" method="post">
                <input type="hidden"
                       name="${_csrf.parameterName}"
                       value="${_csrf.token}"/>
            </form>
            <script>
                function logout() {
                    $("#header div form").submit();
                }
            </script>
        </div>
    </sec:authorize>
</div>
<!-- end header -->
<!-- body -->
<div id="body">
    <div id="user_box" class="ui large form segment">
        <img class="ui small circular image" src="/Other/resources/anonymityHeader.png">

        <div class="ui form">
            <div class="field">
                <input placeholder="${blogIndividualCenterVo.nickname}" readonly="readonly" type="text">
            </div>
            <div class="field">
                <input placeholder="${blogIndividualCenterVo.qq}" readonly="readonly" type="text">
            </div>
            <div class="field">
                <input placeholder="${blogIndividualCenterVo.email}" readonly="readonly" type="text">
            </div>
            <div class="field">
                <input placeholder="${blogIndividualCenterVo.authority}" readonly="readonly" type="text">
            </div>
        </div>
    </div>
    <!-- end panel -->
</div>
<!-- end body -->
<!-- footer -->
<div id="footer">
    <span>zhang_yao_wu1993@yeah.net</span>
    <span>辽ICP备15003806号</span>
</div>
<!-- end footer -->
<div class="clearboth"></div>
</body>
</html>
